﻿@extends('home.layout')

@section('content')
    <div class="m-piclst f-cb" id="piclist">

        <ul id="plst">
            @foreach($advHomeIndexDesc->data as $key=>$value)
                <li class="img">
                    <div class="hd">
                        <a href="{{ url(get_value($value, 'links', '/')) }}" target="_blank">
                            <img width="150" height="150" alt="" src="{{ get_upload_url($value->content) }}" />
                        </a>
                    </div>
                </li>
                @if($key < 7)
                <li class=" txt">
                    <div class="td @if($key == 6) bg-1 @else bg-{{ $key + 1 }} @endif">
                        <a href="{{ url(get_value($value, 'links', '/')) }}" target="_blank">
                            <h3>
                                {{ $value->title }}
                            </h3>
                        </a>
                        <p>
                            {{ $value->big_title }}
                        </p>
                        <p class="content">
                            {{ $value->description }}
                        </p>
                    </div>
                </li>
                @endif
            @endforeach
        </ul>
        <!--
        <ul id="plst">
            <li class="img">
                <div class="hd">
                    <a href="index.php?r=default/column/index&col=100001" target="_blank">
                        <img width="150" height="150" alt="" src="{{ get_home_asset('images/pic1.jpg') }}" />
                    </a>
                </div>
            </li>
            <li class=" txt">
                <div class="td bg-1">
                    <a href="index.php?r=default/column/index&col=100001" target="_blank">
                        <h3>
                            温泉中心
                        </h3>
                    </a>
                    <p>
                        养生温泉中心 全面健康呵护
                    </p>
                    <p class="content">
                        统景温泉，坐落于湖光山色之中的养生秘境，温泉中心室内、外共48个泉池，分为4个大组团，分别是生态养气温泉组团、文化养神温泉组团、禅意养心温泉组团、 水上游乐温泉组团。
                    </p>
                </div>
            </li>
            <li class="img">
                <div class="hd">
                    <a href="index.php?r=default/column/content&col=100007&id=116" target="_blank">
                        <img width="150" height="150" alt="" src="{{ get_home_asset('images/pic2.jpg') }}" />
                    </a>
                </div>
            </li>
            <li class=" txt">
                <div class="td bg-2">
                    <a href="index.php?r=default/column/content&col=100007&id=116" target="_blank">
                        <h3>
                            冷泉
                        </h3>
                    </a>
                    <p>
                        冰火两重天 激情一整夏
                    </p>
                    <p class="content">
                        冰火两重天 激情一整夏 除温泉外，统景温泉还有特色冷泉，统景温泉是大陆首家开发冷泉产品的景区，冷泉水质清澈透明，可饮可浴，具有美肤养颜、促进血液循环、提高免疫力的功效。冷泉水温常年低于20℃，为炎炎夏日带来清凉乐趣。
                    </p>
                </div>
            </li>
            <li class="img">
                <div class="hd">
                    <a href="index.php?r=default/column/content&col=100012&id=96">
                        <img width="150" height="150" alt="" src="{{ get_home_asset('images/pic3.jpg') }}" />
                    </a>
                </div>
            </li>
            <li class=" txt">
                <div class="td bg-3">
                    <a href="index.php?r=default/column/content&col=100012&id=96">
                        <h3>
                            酒店
                        </h3>
                    </a>
                    <p>
                        温泉养生酒店 尽享惬意时光
                    </p>
                    <p class="content">
                        统景温泉酒店，集养生理疗于一体的健康管理中心式酒店，拥有316套客房，485个床位。房型种类繁多，包括标间、单间、套房、豪华套房、半山别院、温泉汤院等，可完美匹配不同顾客的消费需求。
                    </p>
                </div>
            </li>
            <li class="img">
                <div class="hd">
                    <a href="index.php?r=default/column/content&col=100013&id=94">
                        <img width="150" height="150" alt="" src="{{ get_home_asset('images/pic4.jpg') }}" />
                    </a>
                </div>
            </li>
            <li class=" txt">
                <div class="td bg-4">
                    <a href="index.php?r=default/column/content&col=100013&id=94">
                        <h3>
                            会议
                        </h3>
                    </a>
                    <p>
                        完善商务配套 匹配精英人生
                    </p>
                    <p class="content">
                        统景温泉拥有专业的商务会议场所，6个会议室，可容纳650人同时召开会议，包括可容纳210人的大型会议室。先进的会议设施、一流的议事环境和专业周到的服务，为您举行高端商务活动提供绝佳场所。
                    </p>
                </div>
            </li>
            <li class="img">
                <div class="hd">
                    <a href="index.php?r=default/column/content&col=100011&id=93" target="_blank">
                        <img width="150" height="150" alt="" src="{{ get_home_asset('images/pic5.jpg') }}" />
                    </a>
                </div>
            </li>
            <li class=" txt">
                <div class="td bg-5">
                    <a href="index.php?r=default/column/content&col=100011&id=93" target="_blank">
                        <h3>
                            汤院
                        </h3>
                    </a>
                    <p>
                        顶级贵宾汤院 完美度假体验
                    </p>
                    <p class="content">
                        贵宾汤院是统景温泉高端商务接待区，依山面水，风景秀丽，极具独立性、私密性。咖啡厅、SPA馆、足疗区、运动健身区、乒乓球室、桌球室、麻将桌、游戏大厅、KTV等商务及娱乐配套设施一应俱全，尽享完美度假时光。
                    </p>
                </div>
            </li>
            <li class="img">
                <div class="hd">
                    <a href="index.php?r=default/column/index&col=100003" target="_blank">
                        <img width="150" height="150" alt="" src="{{ get_home_asset('images/pic6.jpg') }}" />
                    </a>
                </div>
            </li>
            <li class=" txt">
                <div class="td bg-6">
                    <a href="index.php?r=default/column/index&col=100003" target="_blank">
                        <h3>
                            景区
                        </h3>
                    </a>
                    <p>
                        访武陵仙境 游统景“小三峡”
                    </p>
                    <p class="content">
                        统景温泉一揽山、水、林、泉、峡、洞、瀑、古寨诸景，被历代文人墨客盛赞为“武陵仙境”。环顾四周，统景小三峡异峰巧石，鹰飞猿跃；双峰山山峦起伏，沉稳如初；感应洞玲珑剔透，深邃神秘；温塘河碧波荡漾，水趣盎然……
                    </p>
                </div>
            </li>
            <li class="img">
                <div class="hd">
                    <a href="#">
                        <img width="150" height="150" alt="" src="{{ get_home_asset('images/pic7.jpg') }}" />
                    </a>
                </div>
            </li>
            <li class="txt">
                <div class="td bg-1 ">
                    <h3>
                        夏季套餐
                    </h3>
                    <p>
                        夏季清凉套餐 尽享冷热双泉
                    </p>
                    <p class="content">
                        重庆统景温泉礼献全城，倾情推出特色冷泉和特惠套餐，为酷暑时节带来清凉乐趣，畅享激情一夏！快带上您的家人朋友，一起相约统景，来一次刺激的反季温泉之旅吧！
                    </p>
                </div>
            </li>
            <li class="img">
                <div class="hd">
                    <a href="#">
                        <img width="150" height="150" alt="" src="{{ get_home_asset('images/pic8.jpg') }}" />
                    </a>
                </div>
            </li>
        </ul>
        -->
    </div>
    <div class="m-map">
        <div class="m-col">
            <h3>来往统景</h3>
            <div class="f-cb">
                <div class="g-l" id="dituContent"></div>
                <div class="g-r">
                    <form target="_blank" method="get" action="https://sp0.baidu.com/7rI2fjPa2gU2pMbgoY3K/link">
                        <input type="hidden" value="rfvU_zHlp6R7ZozZmV1H1nSHEu1gveJxf0T3M-KhFFe" name="url">
                        <div class="m-top">
                            <div class="m-item">
                                <input type="text" name="word" placeholder="出发地" onFocus="this.select();">
                                <a href="javascript:void(0);" class="u-arr"></a>
                            </div>
                            <div class="m-item">
                                <input type="text" name="word2" placeholder="目的地" onFocus="this.select();" value="统景温泉">
                                <a href="javascript:void(0);" class="u-arr"></a>
                            </div>
                        </div>
                        <div class="m-bottom">
                            <input type="submit" class="u-btn u-btn-line" value="路线查询" onClick="if(word.value=='') return false;" />
                        </div>
                        <input type="hidden" value="ala_open" name="fr">
                        <input type="hidden" value="nav" name="qt">
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('style')
    <style>
        html,body{margin:0;padding:0;}
        .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
        .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
        .m-header{margin-top:-13px;padding:0;}
    </style>
@endsection

@section('script')
    <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
    <script src="{{ asset('static/js/picWall.js') }}"></script>
    <script type="text/javascript">
        //创建和初始化地图函数：
        function initMap(){
            createMap();//创建地图
            setMapEvent();//设置地图事件
            addMapControl();//向地图添加控件
        }

        //创建地图函数：
        function createMap(){
            var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
            var point = new BMap.Point(106.838806,29.864783);//定义一个中心点坐标
            map.centerAndZoom(point,17);//设定地图的中心点和坐标并将地图显示在地图容器中
            window.map = map;//将map变量存储在全局
        }

        //地图事件设置函数：
        function setMapEvent(){
            map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
            map.enableScrollWheelZoom();//启用地图滚轮放大缩小
            map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
            map.enableKeyboard();//启用键盘上下左右键移动地图
        }

        //地图控件添加函数：
        function addMapControl(){
            //向地图中添加缩放控件
            var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
            map.addControl(ctrl_nav);
            //向地图中添加缩略图控件
            var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
            map.addControl(ctrl_ove);
            //向地图中添加比例尺控件
            var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
            map.addControl(ctrl_sca);
        }


        initMap();//创建和初始化地图


        $(function(){
            $('.m-topbanner, .m-pic-change').height(($(window).height()/2) + 100);
            $(window).resize(function(){
                $('.m-topbanner, .m-pic-change').height(($(window).height()/2) + 100);
            });

            jQuery('#slide').slide({titOnClassName:'z-cur',vis:1,mainCell:'.m-showpic',autoPlay:true,effect:"fade",autoPage:true,titCell:".hd ul",interTime:3500,delayTime:2600});
            jQuery($('#piclist').picWall())
            /*
             $("#nav").stick_in_parent({
             parent: "body",
             spacer: ".m-nav"
             });
             */

        });
    </script>
@endsection